<include file="./VMSTpl/Index/header.html" />

<if condition="$tips!='' ">
<div class="alert alert-info alert-dismissable" style="margin-top:-20px;{$styles['tips'][0]}">
  <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
<strong>注意!</strong>&nbsp;&nbsp;{$tips}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="__ROOT__/Index/view">返回查看所有图片</a></div>
</if>
<div class="container">

  <h2>{$title}</h2>
  <div class="pics" class="col-md-12">
    <volist name="data" id="vo">
      <div class="col-md-3 box" style="height:300px"> <a class="fancybox" href="{$vo['url']}" data-fancybox-group="gallery" title="{$vo['name']}"><img style="max-height:250px" src="{$vo['url']}" alt="" class="img-responsive img-thumbnail" /></a> 
      <a class="btn btn-warning btn-block change" href="__ROOT__/Index/info?context={$vo['plane']}" style="display:none">查看</a>
	  </div>
      
    </volist>
  </div>
  <div class="col-md-12">
  	<div class="result page col-md-offset-5">{$page}</div>
  </div>
</div>

  <script src="__PUBLIC__/js/jquery.min.js">
        </script> 
  <script src="__PUBLIC__/js/bootstrap.min.js">
        </script> 
  <script src="__PUBLIC__/js/jquery.from.js">
        </script>
  <script src="__PUBLIC__/js/jquery.cxcalendar.min.js">
        </script>
 </body>
</html>

<script type="text/javascript" src="__PUBLIC__/js/jquery.mousewheel-3.0.6.pack.js"></script> 

<!-- Add fancyBox main JS and CSS files --> 
<script type="text/javascript" src="__PUBLIC__/js/source/jquery.fancybox.js?v=2.1.5"></script>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/js/source/jquery.fancybox.css?v=2.1.5" media="screen" />

<!-- Add Button helper (this is optional) -->
<link rel="stylesheet" type="text/css" href="__PUBLIC__/js/source/helpers/jquery.fancybox-buttons.css?v=1.0.5" />
<script type="text/javascript" src="__PUBLIC__/js/source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script> 

<!-- Add Thumbnail helper (this is optional) -->
<link rel="stylesheet" type="text/css" href="__PUBLIC__/js/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" />
<script type="text/javascript" src="__PUBLIC__/js/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script> 

<!-- Add Media helper (this is optional) --> 
<script type="text/javascript" src="__PUBLIC__/js/source/helpers/jquery.fancybox-media.js?v=1.0.6"></script> 
<script>
	$(document).ready(function() {
		$(".fancybox").fancybox();
		$(".change").hide();
		
		$(".box").mouseover(function(){
			var width = $(this).find("img").width();
			$(this).find(".change").width(width+8);
			$(this).find(".change").show();
		})
		
		$(".box").mouseout(function(){
			$(this).find(".change").hide();
		})
	});
</script>